import React from 'react';
import { ConfigProvider, App as AntdApp } from 'antd';
import { ConfigurationApp } from './components/ConfigurationApp';
import { ToastProvider } from './contexts/ToastContext';
import { antdTheme } from './theme/antd-theme';
import './App.css';

function App() {
  return (
    <ConfigProvider theme={antdTheme}>
      <AntdApp>
        <ToastProvider>
          <div className="min-h-screen bg-gray-50">
            <ConfigurationApp />
          </div>
        </ToastProvider>
      </AntdApp>
    </ConfigProvider>
  );
}

export default App;
